﻿@model IEnumerable<MSDAL.Lekcje>

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2>Strona główna</h2>

<div id='calendar' style="width:100%"></div>

<table class="table">
    <tr>
        <th>
            Data:
        </th>
        <th>
            Data po przełożeniu:
        </th>
        <th>
            Czy Lekcja rozliczona?
        </th>
        <th>
            Czy lekcja zatwierdzona?
        </th>
        <th>
            Czy wypłacona?
        </th>
        <th>
            Cena lekcji dla ucznia:
        </th>
        <th>
            Cena lekcji dla nauczyciela:
        </th>
        <th>
            Komentarz:
        </th>
        <th>
            Typ lekcji:
        </th>
        <th>
            Czy uczeń miał L4:
        </th>
        <th>
            Nazwa intrumentu:
        </th>
        <th>
            Nauczyciele, imie:
        </th>
        <th>
            Nazwa Sali:
        </th>
        <th>
            Uczniowie Imie:
        </th>
        <th></th>
    </tr>

    @foreach (var item in Model)
    {
        <tr>
            <td>
                @Html.DisplayFor(modelItem => item.Data)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.DataPoPrzelozeniu)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.CenaLekcjiUcznia)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.CenaLekcjiNauczyciela)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Komentarz)
            </td>
            <td>
                @Html.ActionLink("Edycja", "Edit", new { id = item.IDLekcji }) |
                <button class="lekcje-details btn btn-primary" data-id="@item.IDLekcji">Szczegóły</button>
                @Html.ActionLink("Usuń", "Delete", new { id = item.IDLekcji })
            </td>
        </tr>
    }

</table>
<div id="lekcje-detale-wrapper"></div>
<div>
    @Html.ActionLink("Powrót do wyszukiwania", "EdycjaLekcji")
</div>
@section Scripts
{
    <script type="text/javascript">

        $(document).ready(function () {
            $('.lekcje-details').on('click', '', function (e) {
                e.preventDefault();
                var id = $(this).attr('data-id');
                $.ajax({
                    url: '/Lekcjes/Detale?id=' + id,
                    type: 'get',
                    async: true,
                    success: function (result) {
                        $('#lekcje-detale-wrapper').html(result);
                        $('#lekcje-modal').modal("show");
                    },
                    error: function (result) {

                    }
                });
            });
        });

        $(document).ready(function () {
            $('#calendar').fullCalendar({                
                header: {
                    left: 'prev, next today',
                    center: 'title',
                    right: 'month,egendWeek, agendDay'
                },
                lang: 'pl',
                defaultView: 'agendaDay',
                editable: true,
                allDaySlot: false,
                selectable: true,
                slotMinutes: 15,
                events: '/Lekcjes/getevents/',
                eventClick: function (calEvent, jsEvent, view) {
                    alert('Lekcja: ' + calEvent.title);
                },
                eventDrop: function (event, dayDelta, minuteDelta, allDay, revertFunc) {
                    if (confirm("Potwierdź zmiane?")) {
                        UpdateEvent(event.id, event.start);
                    }
                    else {
                        revertFunc();
                    }
                },
                eventResize: function (event, dayDelta, minuteDelta, revertFunc) {

                    if (confirm("Confirm change appointment length?")) {
                        UpdateEvent(event.id, event.start, event.end);
                    }
                    else {
                        revertFunc();
                    }
                }
            })
        });

        function UpdateEvent(EventID, EventStart, EventEnd) {
            var dataRow = {
                'ID': EventID,
                'NewEventStart': EventStart,
                'NewEventEnd': EventEnd
            }
            $.ajax({
                type: 'POST',
                url: "/Lekcjes/UpdateLesson",
                dataType: "json",
                contentType: "application/json",
                data: JSON.stringify(dataRow)
            });
        }
    </script>
}